﻿<!-- Start Streamer -->

<div class="divSize border padding20">
    <div id="startPageLogoDiv"></div>

    <div ng-controller="loginController" id="loginDiv">
        <div class="loginLabelTextBox">
            <label class="labelLogin">Utilisateur</label>
            <div id="username" class="input-control text textBoxLogin">
                <input id="usernameInput" type="text" />
                <button class="btn-clear"></button>
            </div>
        </div>

        <div class="loginLabelTextBox">
            <label class="labelLogin">Mot de passe</label>
            <div id="password" class="input-control password textBoxLogin">
                <input id="passwordInput" type="password" />
                <button class="btn-reveal"></button>
            </div>
        </div>
        <div class="connectBlock textBoxLogin">
            <button id="connectButton" ng-click="login()" class="small">Se connecter</button>
        </div>
    </div>


    <div class="streamer" data-role="streamer" data-scroll-bar="true" data-slide-to-group="3" data-slide-speed="500">
        <div class="streams">
            <div class="streams-title">
                <div class="toolbar">
                    <button class="button small js-show-all-streams" title="Show all streams" data-role=""><span class="icon-eye"></span></button>
                    <button class="button small js-schedule-mode" title="On|Off schedule mode" data-role=""><span class="icon-history"></span></button>
                    <button class="button small js-go-previous-time" title="Go to previous time interval" data-role=""><span class="icon-previous"></span></button>
                    <button class="button small js-go-next-time" title="Go to next time interval" data-role=""><span class="icon-next"></span></button>
                </div>
            </div>
            <div class="stream bg-teal">
                <div class="stream-title">GESTION DU PERSONNEL<br />ENSEIGNANT</div>
                <div class="stream-number">Personal management</div>
            </div>
            <div class="stream bg-orange">
                <div class="stream-title">GESTION<br />D´ELEVES</div>
                <div class="stream-number">Student management</div>
            </div>
            <div class="stream bg-lightBlue">
                <div class="stream-title">GESTION D´INFRASTRUCTURES<br />SCOLAIRE</div>
                <div class="stream-number">Infrastructur management</div>
            </div>
        </div>

        <div class="events eventOverflow">
            <div class="events-area">
                <div class="events-grid">
                    <div class="event-group">
                        <div class="event-stream">
                            <div class="event" data-role="live">
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/live1.jpg">
                                        <div class="time">10:20</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Mr Mbock Jean Francois</div>
                                        <div class="subtitle">Professeur de francais</div>
                                        <div class="remark">Recruter un nouveau professeur</div>
                                    </div>
                                </div>
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/live2.jpg">
                                        <div class="time">10:30</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Mvoundi Endoua Serge</div>
                                        <div class="subtitle">Professeur d´histoire et de geographie</div>
                                        <div class="remark">Reorganiser l emploie du temps des enseignants</div>
                                    </div>
                                </div>
                            </div>
                            <div class="event">
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/profDame.jpg">
                                        <div class="time">10:40</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Mme Fongang Justine</div>
                                        <div class="remark">Gerer les enseignats allant en retraite</div>
                                    </div>
                                </div>
                            </div>
                            <div class="event double">
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/Kounda.jpg">
                                        <div class="time">10:40</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Mr Kounda Jean Antoine</div>
                                        <div class="subtitle">Professeur de Sport desire avoir ses cours en matinee</div>
                                        <div class="remark">Gerer les changements d emploie de temps</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="event-stream">
                            <div class="event">
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/eleve.jpg">
                                        <div class="time">10:40</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Owona stephane cyrille</div>
                                        <div class="subtitle">Nouveau eleve en classe de Terminal C</div>
                                        <div class="remark">Enregistrer un nouveau eleve</div>
                                    </div>
                                </div>
                            </div>
                            <div class="event">
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/Ngo.jpg">
                                        <div class="time">10:20</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Ngo Bouna Christelle</div>
                                        <div class="subtitle">Eleve en classe de Seconde A abscente pour raison maladie</div>
                                        <div class="remark">Enregistrer les abscences des eleves</div>
                                    </div>
                                </div>
                            </div>
                            <div class="event double" data-role="live" data-effect="slideDown" data-period="3000">
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/mohamadou.png">
                                        <div class="time">10:20</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Mouhamadou Kiroko sosso</div>
                                        <div class="subtitle">Ancien Eleve en classe de 3eme desire changer d etablissement</div>
                                        <div class="remark">Mettre le circus scolaire a la disposition de parents d´eleves </div>
                                    </div>
                                </div>
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/bong.jpg">
                                        <div class="time">10:30</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Bong Audrey Francois</div>
                                        <div class="subtitle">Eleves de classe de Tle C desirent changer son adresse</div>
                                        <div class="remark">Aktualiser les donnees personnels des eleves</div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="event-stream">
                            <div class="event double" data-role="live" data-effect="slideUp" data-period="3000">
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/salleFetes.jpg">
                                        <div class="time">10:20</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Salle de Fetes</div>
                                        <div class="subtitle">En raison de travaux a effectuer la salle de fetes ne sera que disponible a partir de septembre 2015</div>
                                        <div class="remark">Effectuer le planning des salles</div>
                                    </div>
                                </div>
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/spaA600B.jpg">
                                        <div class="time">10:30</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Le projecteur Samsung SP-A600B</div>
                                        <div class="subtitle">Eleves de classe de Tle C desirent presenter leur project de physique</div>
                                        <div class="remark">Planifier l utilisation du materiel scolaire</div>
                                    </div>
                                </div>
                            </div>
                            <div class="event double">
                                <div class="event-content">
                                    <div class="event-content-logo">
                                        <img class="icon" src="UI/metroUI/docs/images/cantine1.png">
                                        <div class="time">10:40</div>
                                    </div>
                                    <div class="event-content-data">
                                        <div class="title">Cantine</div>
                                        <div class="subtitle">Plus de chaises assises en raison du nombre elevé d´eleves</div>
                                        <div class="remark">Gerer la capacite </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<!-- End Streamer -->


<!--<div id="userEditTemplate">
    <h3>Modifier votre compte</h3>
    <div class="loginLabelTextBox">
        <label class="labelLogin">Utilisateur</label>
        <div id="usernameEdit" class="input-control text textBoxLogin">
            <input id="usernameEditInput" type="text" />
            <button class="btn-clear"></button>
        </div>
    </div>
</div>-->
